body { background: #fff; font-family: ΢���ź�, "���� ", ����; }
body, form { font-size: 12px; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em, body { border: 0; margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
input, button { font-size: 12px; vertical-align: middle; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.width { width: 960px; overflow: hidden; margin: auto; }
.mtb { margin-top: 10px; margin-bottom: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #f30; }
.m15 { margin: 15px; }
.header { height: 140px; }
.logo { float: left; margin: 20px 0 0; }
.title { float: left; margin: 30px 0 0 4px; }
.other { float: right; line-height: 20px; width: 280px; color: #B8B8B8; overflow: hidden; margin: 30px 0 0; }
.other h1 { font-size: 12px; display: inline; }
.other div.r { margin: 6px 0 5px; }
.other div a:hover { color: #87BF26; }
.other dl { float: right; background: url(../Images/glivia.jpg) -11px -1810px; width: 281px; height: 38px; margin-top: 6px; padding: 0; }
.other dt { float: left; cursor: pointer; margin: 0; padding: 0; }
.other .input { background: none; border: none; height: 30px; line-height: 30px; color: #999; width: 204px; padding: 4px 0 4px 14px; }
.other .bnt { background: none; border: none; width: 59px; line-height: 18px; text-align: center; color: #fff; height: 38px; cursor: pointer; margin: 1px 0 0; padding: 4px 0 5px; }
#menu li { display: block; height: 37px; }
#menu .l { float: left; background: url(../Images/glivia.jpg) -11px -8px; width: 7px; }
#menu .r { float: right; background: url(../Images/glivia.jpg) -73px -8px; width: 11px; }
#menu .m { float: left; background: url(../Images/glivia.jpg) -89px -8px; width: 2px; }
#menu ul a:hover { color: #FFF; background: url(../Images/glivia.jpg) -721px -115px; }
dd.c { clear: both; width: 0; height: 0; }
#menu { width: 960px; margin: 0 auto; }
div#menu ul { list-style: none; float: left; width: 960px; margin: 0; padding: 0; }
div#menu li { position: relative; z-index: 9; display: block; float: left; text-align: center; width: 116px; margin: 0 auto; padding: 0; }
div#menu li a { background: url(../Images/glivia.jpg) -372px -115px repeat; text-align: center; font-size: 13px; }
div#menu li:hover>ul { left: -2px; }
div#menu li div { list-style: none; float: left; position: absolute; top: 35px; left: 0; width: 136px; z-index: 11; display: none; background-color: #246FD4; }
div#menu a { position: relative; z-index: 10; height: 37px; display: block; float: left; line-height: 37px; text-decoration: none; text-align: center; width: 100%; }
div#menu span { line-height: 37px; color: #fff; font-weight: 700; text-transform: uppercase; display: block; cursor: pointer; text-align: center; }
div#menu ul a:hover span { color: #1b6e9b; }
div#menu ul ul li { z-index: 9; height: 30px; width: 136px; padding: 4px 0; }
div#menu ul ul { z-index: 12; width: 136px; margin: 0 auto; padding: 0; }
div#menu ul ul a { width: 136px; height: auto; float: none; display: block; background: none; z-index: -1; margin: 0 auto; padding: 0; }
div#menu ul ul a span {
height:30px padding: 0 10px 0 10px; line-height: 30px; color: #fff; font-weight: 400; text-transform: none; background: none; }
div#menu ul ul a:hover span { color: #1f7aad; }
div#menu ul ul li.last { background: none; }
div#menu ul ul div { width: 208px; height: auto; _padding: 0 0 9px 3px; margin: -50px 0 0 190px !important; }
div#menu ul ul ul { _padding-right: 1px; }
#notice { background: url(../Images/czxixi.gif) 0 -283px; height: 41px; line-height: 35px; }
#notice .notice { width: 320px; }
#movenews { overflow: hidden; height: 34px; line-height: 34px; margin-top: 1px; }
#notice .icon { background: url(../Images/czxixi.gif) 0 -240px; width: 14px; height: 14px; display: block; float: left; margin: 10px 10px 6px; }
#notice .icon01 { background: url(../Images/czxixi.gif) 0 -60px; width: 67px; height: 23px; line-height: 23px; float: left; text-align: center; color: #555; margin: 6px 10px 6px 20px; }
#left { float: right; width: 650px; }
.left_w { overflow: hidden; width: 650px; }
.left_w_01 { overflow: hidden; width: 648px; }
#right { float: right; width: 300px; overflow: hidden; margin-right: 10px; }
#index_ad { float: left; width: 330px; margin-right: 10px; background: #50B20F; height: 250px; }
#ontop { float: left; width: 308px; overflow: hidden; border: 1px solid #C1E7AA; }
.subject_bg { height: 29px; line-height: 29px; }
.subject_title { font-size: 11pt; font-weight: 700; color: #FFF; padding-left: 12px; text-indent: 20px; margin-top: 5px; }
.subject_title span { font: 12px/30px; padding-right: 10px; overflow: hidden; }
.subject_title span.r { font-size: 9pt; color: #2B80DB; font-weight: 400; overflow: hidden; }
.subject_title span.r a { color: #2B80DB; }
.subject_title span span { float: none; font: 12px/30px; color: #f30; border: 0; padding: 0 4px; }
.subject_title span a:hover { font: 12px/30px; color: #4EB30F; }
.ontop { background: url(../Images/czxixi.gif) -102px 0 no-repeat; height: 217px; border: 1px solid #fff; }
.ontop h1 { color: #4EB30F; font: 500 16px; text-align: center; margin: 4px; }
.ontop h1 a { color: #4EB30F; font: 500 16px; }
.ontop h1 a:hover { color: #f30; font: 500 16px; }
.ontop_div { color: #999; line-height: 17px; word-wrap: break-word; overflow: hidden; margin: 10px; }
.index_news { color: #999; margin: 10px 0 0; }
.index_news dt { height: 25px; }
.border { border: 1px solid #2B80DB; }
.subject_title01 { float: left; font-size: 14px; font-weight: 700; color: #4EB30F; text-indent: 12px; width: 130px; }
.subject_title02 { float: left; font-size: 14px; font-weight: 700; color: #4EB30F; text-indent: 12px; width: 480px; }
.subject_title03 { float: left; font-size: 14px; font-weight: 700; color: #4EB30F; text-indent: 12px; width: 880px; }
.sub_menu { float: left; margin: 0; padding: 0; }
.sub_menu dt { float: left; width: 79px; height: 29px; color: #89C165; text-align: center; cursor: pointer; }
.sub_menu dt.hover { background: #fff url(../Images/czxixi.gif) 0 -104px no-repeat; width: 79px; height: 29px; color: #50B20E; }
.sub_menu a { color: #89C165; }
.sub_menu a:hover { color: #337D00; }
#index_hot { width: 298px; }
#index_digg dt { clear: both; display: block; }
.digg { background: url(../Images/czxixi.gif) 0 -133px no-repeat; width: 51px; height: 53px; float: left; margin-right: 10px; text-align: center; }
.digg_num { color: #f30; font-family: georgia; font-size: 16px; height: 28px; line-height: 28px; }
.digg_link { color: #4DB20C; margin: 8px 0 0 1px; }
.digg_link a { color: #4DB20C; }
.digg_info { width: 217px; float: left; font-size: 14px; line-height: 24px; word-wrap: break-word; overflow: hidden; }
.digg_info div { color: #999; font-size: 12px; line-height: 18px; margin-bottom: 0; height: 32px; }
.hot_list { word-wrap: break-word; overflow: hidden; margin: 0; padding: 0; }
.hot_list b { font-weight: 400; line-height: 24px; }
.all_list { margin: 0 0 0 4px; padding: 0; }
.all_list dt { line-height: 25px; padding-left: 20px; background: url(../Images/glivia.jpg) -310px -455px; }
.all_list b a { color: #36A831; }
.all_list span { float: right; color: #999; }
.all_list div { color: #999; line-height: 15px; }
.nopic { border: 1px solid #C1E7AA; margin: 0 6px 1px 0; }
.index_vote h3 { font: 16px; text-align: center; color: #4EB30F; margin: 0; padding: 0; }
.vote_bnt { background: url(../Images/czxixi.gif) 0 -212px; width: 66px; height: 28px; line-height: 28px; border: 0; text-align: center; font-size: 14px; color: #46A407; margin: 4px; }
.index_left { width: 318px; overflow: hidden; margin-top: 10px; float: left; }
.index_photo dt { width: 25%; float: left; text-align: center; height: 120px; margin-bottom: 10px; }
.index_label { line-height: 20px; font-family: arial; }
.index_label a { font-family: arial; }
.index_link { width: 100%; margin: 0; padding: 0; }
.index_link dt { float: left; width: 10%; margin-bottom: 10px; }
#Positon { background: url(../Images/czxixi.gif) 0 -283px; height: 35px; line-height: 35px; text-indent: 10px; }
.info_title { font: 100 18px; text-align: center; margin: 10px 0; }
.info_other { text-align: center; color: #999; margin: 4px 0; }
.info_jj { border: 1px solid #FDCC97; background: #FEFCFA; color: #666; line-height: 20px; word-wrap: break-word; overflow: hidden; margin: 10px 20px; padding: 10px; }
.info_jj a { font-family: verdana; color: #00f; }
.info_jj span { font-weight: 700; color: #000; }
.info_content { word-wrap: break-word; word-break: break-all; overflow: hidden; line-height: 24px; font-size: 13px; }
.other_content { word-wrap: break-word; word-break: break-all; overflow: hidden; line-height: 24px; }
.info_mood { font: bold 14px/30px ����; color: #333; margin: 20px 20px 0; }
#Digg { width: 480px; overflow: hidden; margin: 10px auto; padding: 0; }
#Digg dl dt { float: left; width: 11%; text-align: center; overflow: hidden; margin: 0; padding: 0; }
#Digg dl dt .bar { border: 1px solid #DADADA; width: 8px; height: 50px; position: relative; margin: auto; }
#Digg dl dt .bg { height: 0; background: url(../Images/bar_bg.gif) repeat; width: 8px; position: absolute; left: 0; bottom: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; }
#Digg dl dt .mood a { background: url(../Images/Digg.gif) no-repeat; width: 50px; height: 50px; display: block; margin: 5px 0 0; }
#Digg dl dt .mood1 a { background-position: 0 -56px; }
#Digg dl dt .mood1 a:hover { background-position: 0 0; }
#Digg dl dt .mood2 a { background-position: -63px -56px; }
#Digg dl dt .mood2 a:hover { background-position: -63px 0; }
#Digg dl dt .mood3 a { background-position: -125px -56px; }
#Digg dl dt .mood3 a:hover { background-position: -125px 0; }
#Digg dl dt .mood4 a { background-position: -188px -56px; }
#Digg dl dt .mood4 a:hover { background-position: -188px 0; }
#Digg dl dt .mood5 a { background-position: -250px -56px; }
#Digg dl dt .mood5 a:hover { background-position: -250px 0; }
#Digg dl dt .mood6 a { background-position: -314px -56px; }
#Digg dl dt .mood6 a:hover { background-position: -314px 0; }
#Digg dl dt .mood7 a { background-position: -375px -56px; }
#Digg dl dt .mood7 a:hover { background-position: -375px 0; }
#Digg dl dt .mood8 a { background-position: -437px -56px; }
#Digg dl dt .mood8 a:hover { background-position: -437px 0; }
.info_next { color: #999; margin: 6px 20px; }
.List_page { text-align: center; margin-bottom: 10px; }
.List_page a { background: #fff; border: 1px solid #90C7E5; color: #A0A0A0; margin: 0 1px; padding: 4px 6px; }
.List_page span { background: #2B80DB; color: #fff; border: 1px solid #90C7E5; margin: 0 1px; padding: 4px 6px; }
.content_page { text-align: center; margin: 8px; }
.content_page a { background: #fff; border: 1px solid #AECD9E; color: #A0A0A0; margin: 1px; padding: 4px 6px; }
.content_page span { background: #F7FDF4; color: #f60; border: 1px solid #AECD9E; margin: 1px; padding: 4px 6px; }
.content_page input { position: absolute; background: #fff; border: 1px solid #AECD9E; color: #A0A0A0; width: 30px; height: 22px; line-height: 22px; text-align: center; margin: 0 0 0 1px; padding: 0; }
.content_page button { position: absolute; background: #fff; border: 1px solid #AECD9E; color: #42AFE8; width: 40px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; margin: 0 0 0 35px; padding: 0; }
.content_url { font-size: 14px; color: #06f; margin: 20px; }
.content_url input { background: #297CDA; color: #fff; width: 40px; border: 0; height: 24px; }
.content_url #this_url { border: 1px solid #ccc; width: 464px; color: #000; height: 20px; line-height: 20px; background: #fff; }
.comment_add dt { list-style: none; margin: 4px 0; padding: 0; }
.comment_add .input { height: 20px; line-height: 20px; border: 1px solid #ccc; font-size: 12px; padding: 0; }
.comment_content { overflow: hidden; }
.comment_content .inputs { width: 625px; height: 100px; border: 1px solid #ccc; overflow: hidden; background: url(../Images/tishi.gif) no-repeat right bottom; margin: 0; padding: 0; }
#get_html a { color: #00f; font-weight: 700; }
#showmsg { color: red; }
.Comment_title { background: url(../Images/czxixi.gif) 0 -283px; height: 41px; text-align: center; font: 16px/35px; }
.list_title { font: 14px; color: #000; margin: 0; padding: 0; }
.list_title a { color: #000; font-weight: 400; }
.list_jj { color: #444; word-wrap: break-word; overflow: hidden; width: 628px; line-height: 15px; margin: 5px 0; }
.list_other { color: #000; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 5px; }
.list_other span { color: #000; font-weight: 700; }
.list_photo { width: 628px; overflow: hidden; margin: 0; padding: 0; }
.list_photo dt { width: 139px; height: 130px; float: left; text-align: center; overflow: hidden; margin: 0 0 15px; padding: 0 9px; }
.notice_other { color: #777; border-bottom: 1px dashed #ccc; padding-bottom: 5px; margin: 5px 0 10px; }
.notice_other span { color: #390; }
.tag_title { font: 12px; color: #333; float: left; width: 20%; margin: 5px 0; }
.tag_title span { color: #999; font-size: 12px; }
.tag_title a { color: #555; }
.plug_book_add dt { margin: 6px 0; }
.plug_book_add dt .input { border: 1px solid #ccc; height: 20px; line-height: 20px; color: #666; }
.plug_book_add dt .inputs { width: 270px; height: 120px; border: 1px solid #ccc; overflow: hidden; background: url(../Images/tishi.gif) no-repeat right bottom; }
.plug_publish_add dt { line-height: 26px; margin: 6px 0; }
.plug_publish_add dt .input { border: 1px solid #ccc; height: 20px; line-height: 20px; color: #555; font-size: 12px; }
.plug_publish_add dt .inputs { border: 1px solid #ccc; height: 40px; line-height: 20px; width: 98%; color: #555; font-size: 12px; }
.plug_publish_add dt .editor { width: 98%; height: 180px; }
.plug_publish_add a { color: #00f; }
.plug_link { width: 628px; margin: 0; padding: 0; }
.plug_link dt { float: left; width: 20%; margin-bottom: 10px; text-align: center; }
.index_link_add dt { float: left; margin-right: 4px; }
.index_link_add dt .input { border: 1px solid #ccc; height: 20px; line-height: 20px; }
.vote_show { margin: 20px; padding: 0; }
.vote_show dt h3 { font: 18px; color: #333; text-align: center; margin: 0; padding: 0; }
.vote_show dt span { float: right; width: 350px; height: 20px; margin: 2px 20px 2px 0; }
.vote_show dt.r { width: 370px; height: 20px; }
.comment_title { height: 29px; line-height: 29px; color: #389200; font-weight: 700; padding-left: 12px; }
.comment_title span { color: #999; font-weight: 400; float: right; margin-right: 10px; }
.comment_txt { border-top: 0; word-wrap: break-word; word-break: break-all; overflow: hidden; margin-bottom: 10px; line-height: 18px; padding: 6px; }
.comment_txt span { text-align: right; padding: 10px 0 0; }
.comment_txt div { border: 1px solid #ccc; font-size: 12px; background: #FFFFF0; line-height: 18px; margin: 2px; padding: 4px; }
.comment_txt u { color: #1E50A2; text-decoration: none; }
.comment_other { text-align: right; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px; }
.book_title { background: url(../Images/czxixi.gif) 0 -254px; height: 29px; line-height: 29px; font-size: 14px; font-weight: 700; color: #4EB30F; padding-left: 12px; border: 1px solid #C3E8AA; border-bottom: 0; }
.book_title b { float: right; padding-right: 10px; font-weight: 400; font-size: 12px; color: #666; }
.book_content { border: 1px solid #C3E8AA; border-top: 0; margin-bottom: 10px; padding: 10px; }
#book_right { float: left; width: 300px; }
.Quotetitle { background: #FFEBD0; border: 1px solid #FDDCB8; font: bold 14px/24px; color: #f30; margin: 10px 6px 0 0; padding: 2px 10px; }
.QuoteCode { background: #FFF; border: 1px solid #FDDCB8; border-top: 0; word-wrap: break-word; overflow: hidden; color: #777; margin: 0 6px 10px 0; padding: 4px 10px; }
.RunCodes { clear: both; height: 180px; margin: 10px 0 20px; }
.RunCodes textarea { overflow-x: hidden; overflow-y: auto; border: 1px solid #C3E8AA; width: 98%; height: 150px; padding: 3px; }
.RunCodes input { float: left; border: 1px solid #50B20E; background: #50B20E; color: #FFF; width: 80px; font-size: 12px; margin: 1px 2px 0 0; padding: 5px 10px 0!important; }
.RunCodes span { float: left; _margin: 0 0 0 5px; color: #999; font-size: 12px; margin: 10px 0 0 5px; }
.Topic_List { clear: both; display: block; height: 70px; word-wrap: break-word; overflow: hidden; margin: 0 0 10px; padding: 0; }
.Topic_List img { border: 1px solid #C1E7AA; margin: 0 10px 0 0; }
.Topic_List h1 { font: 15px/30px; margin: 0; padding: 0; }
.Topic_List a { color: #090; }
.publish_notice dt { line-height: 20px; color: #555; text-indent: 24px; }
.sitelink { border-bottom: 1px solid red; color: #999; }
.i_ad { width: 650px; float: left; line-height: 90px; text-align: center; color: #999; background: url(../Images/GG_bg.jpg) no-repeat top; margin: 10px 0 0; }
.list_photo_PRO dt { width: 33.3%; height: auto; float: left; text-align: center; overflow: hidden; margin: 0 0 10px; }
.list_photo_TE dt { width: 50%; height: auto; float: left; text-align: center; overflow: hidden; margin: 0 0 10px; }
#index_right { float: left; width: 300px; overflow: hidden; }
#page_left { float: left; width: 240px; margin-right: 10px; overflow: hidden; }
#page_right { float: right; width: 710px; background: url(../Images/page_right_bg.gif) top repeat-y; overflow: hidden; }
.class_list dt a { line-height: 25px; display: block; background: url(../Images/glivia.jpg) -92px -64px; text-indent: 50px; color: #666; font-size: 9pt; height: 30px; padding-top: 10px; }
.footTop { background: #e2e2e2; }
.foot { background: #2B80DB; padding: 10px 0; }
.foot * { text-align: center; color: #FFF; }
.footer h1 { display: inline; font-size: 12px; }
.foot_menu { color: #FFF; margin-bottom: 10px; text-align: center; }
.onePart, .twoPart, .ThreePart { width: 230px; color: #FFF; }
.onePart .footContent { line-height: 35px; }
.footer { margin: 0 auto; padding: 10px 0; }
.footer * { color: #000; }
.footer li { float: left; width: 310px; }
.footer .footerJG { width: 15px; height: 100px; margin: 0; padding: 0; }
.footTitle { width: 310px; font-size: 11pt; }
.footContent { width: 310px; font-size: 12px; line-height: 23px; margin: 5px 0; }
.footContent li { height: 35px; line-height: 35px; }
.footTitle span.l { float: left; height: 20px; _width: 64px; display: block; }
.footTitle span.r { float: right; display: block; height: 10px; border-bottom: 1px dotted #000; width: 235px; margin-left: 5px; _margin: -10px 0 0 -2px; _width: 245px; }
.banner { width: 1960px; height: 460px; overflow: hidden; margin: 0 auto; }
.bannerContentOut { width: 1960px; height: 450px; overflow: hidden; z-index: 4; margin: 0 auto; padding: 4px 0 0; }
.bannerContent { width: 4000px; height: 300px; }
.bannerControl { top: 600px; width: 1960px; height: 15px; position: absolute; z-index: 10000; }
.bannerControl1 { width: 70px; margin: 0 auto; padding: 0; }
.bc1, .bc2, .bc3 { float: left; width: 1960px; height: 450px; }
.ba1, .ba2, .ba3 { width: 15px; height: 15px; background: #43B0E8; margin-left: 8px; _margin-left: 4px; float: left; padding: 0; }
.threePart { width: 960px; height: 200px; }
.threePart li { float: left; width: 192px; height: 160px; background: #f3f3f3; text-align:center; padding:20px 0px}
.threePart li * { color: #000; cursor: pointer; }
.threePart li dl, .threePart li dl a { width: 100%; height: 100%; display: block; }
.threePart li dl dd a { display: inline; }
.threePart li dl a:hover { background: #358fda; }
.threePart li dt { width: 144px; height: 90px; margin: 10px 0px; }
.threePart li dd h1 { font-size: 11pt; margin: 3px; }
.threePart li dd { width: 162px; text-indent: 10px; line-height: 25px; }
.threePart li.jg { float: left; width: 21px; height: 110px; visibility: hidden; }
.threePart li.c, .indexContent li.c { clear: both; width: 1px; height: 1px; }
.indexContent { width: 960px; margin: 15px auto; }
.indexContent li { float: left; width: 306px; overflow: hidden; }
.indexContent li.jg { width: 20px; visibility: hidden; float: left; height: 40px; }
.indexContent dt { width: 306px; height: 37px; background: url(../Images/glivia.jpg) -344px -8px no-repeat; }
.indexContent dt span.l { _margin-left: 17px; font-size: 11pt; margin: 7px 0 0 35px; }
.indexContent dt span.r { _margin-right: 7px; font-size: 9pt; margin: 9px 14px 0 0; }
.indexContent dd { margin-left: 1px; }
.indexNews li { width: 306px; background: url(../Images/glivia.jpg) -344px -49px; height: 26px; line-height: 26px; }
.indexNews li span.l { _margin-left: 5px; margin: 4px 0 0 11px; }
.indexNews li span.r { _margin-right: 5px; margin: 4px 11px 0 0; }
.indexContent dd.bottom { width: 306px; height: 27px; background: url(../Images/glivia.jpg) -344px -82px; }
div.bottom2 { width: 306px; height: 16px; background: url(../Images/glivia.jpg) -11px -1957px; margin-left: 4px; _margin-left: 2px; }
.indexAbout { width: 690px; }
.indexAbout dt a.l { _margin-left: 10px; font-size: 11pt; color: #FFF; font-weight: 700; margin: 12px 0 0 20px; }
.indexAbout dt a.r { color: #2B80DB; _margin-left: 6px; _margin-right: 6px; margin: 13px; }
.indexAbout dt { height: 52px; width: 690px; background: url(../Images/glivia.jpg) -310px -233px; }
.indexAbout dd { width: 690px; height: 135px; background: url(../Images/glivia.jpg) -310px -288px; }
.indexAbout dd span { display: block; width: 660px; height: 25px; text-indent: 20px; line-height: 28px; padding: 0 10px; }
.indexAbout dd.bottom { width: 690px; height: 28px; background: url(../Images/glivia.jpg) -310px -428px; }
.indexContact { width: 250px; }
.indexContact dt { height: 69px; width: 250px; background: url(../Images/glivia.jpg) -11px -164px; }
.indexContact dt a.r { font-size: 11pt; color: #FFF; font-weight: 700; _margin-right: 25px; margin: 30px 50px 0 0; }
.indexContact dd { width: 250px; height: 118px; background: url(../Images/glivia.jpg) -11px -235px; }
.indexContact dd.bottom { width: 250px; height: 16px; background: url(../Images/glivia.jpg) -11px -359px; }
.indexContact dd span.l { width: 250px; text-indent: 20px; margin-top: 8px; }
.tnews, .tcontact { background: url(../Images/ziye_banner.jpg) 0 -17px; }
.torder { background: url(../Images/ziye_banner.jpg) 0 -122px; }
.tproduct { background: url(../Images/ziye_banner.jpg) 0 -370px; }
.tabout { background: url(../Images/ziye_banner.jpg) 0 -481px; }
.ziyeBanner { width: 960px; height: 88px; margin: 5px auto; }
.d1 { width: 238px; height: 51px; background: url(../Images/glivia.jpg) -92px -8px no-repeat; }
.d2 { width: 238px; height: 70px; background: url(../Images/glivia.jpg) -277px -164px no-repeat; }
.rightBottom { width: 710px; height: 13px; background: url(../Images/glivia.jpg) -11px -640px no-repeat; margin-bottom: 10px; }
.t1 { padding-top: 22px; text-indent: 30px; }
.t3 { width: 710px; height: 38px; background: url(../Images/glivia.jpg) -11px -598px no-repeat; }
.t4 { margin-top: 3px; text-indent: 5px; }
.t5 { background: url(../Images/glivia.jpg) -11px -1768px no-repeat; width: 710px; height: 38px; }
.mt-1 { margin-top: -5px; }
.mt-1 span { width: 230px; background: url(../Images/glivia.jpg) -310px -455px no-repeat; margin-left: 4px; _margin-left: 2px; text-indent: 3px; height: 20px; padding: 5px 0 0 4px; }
div.bottom { background: url(../Images/glivia.jpg) -11px -494px no-repeat; width: 230px; height: 95px; margin-left: 4px; _margin-left: 2px; }
div.d3 { width: 238px; height: 15px; background: url(../Images/glivia.jpg) -310px -569px no-repeat; }
#kefu_pannel { line-height: normal; font-family: Arial; width: 130px; margin: 0; padding: 0; }
#kefu_Online_showdlg { font: 12px Arial; background: url(../images/invite_bg.gif) no-repeat 0 0; left: 40%; width: 322px; position: absolute; top: 40%; height: 139px; margin: 0; padding: 0; }
.txtCut { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#kefu_pannel IMG { border-style: none; }
#kefu_pannel TABLE { width: 130px; }
#kefu_pannel .kefu_Title { background: url(../images/cslist_top_bg.gif) no-repeat 0 top; cursor: default; height: 26px; }
#kefu_pannel .kefu_Title H2 { display: block; font-weight: 700; font-size: 12px; width: 80px; color: #fff; height: 18px; text-align: left; margin: 8px 0 0 28px; padding: 0; }
#kefu_pannel .kefu_shut { display: inline-block; font-size: 0; background: url(../images/cslist_top_shut.gif) no-repeat 0 0; float: right; width: 10px; cursor: pointer; height: 10px; margin: 9px 7px 0 0; }
#kefu_pannel .kefu_listTitle H3 { display: block; background: url(../images/cslist_mid_Tbg.gif) no-repeat 0 0; font: 12px simsun; width: 118px; cursor: pointer; color: #1e3e93; height: 28px; text-align: center; margin: 4px auto 3px; padding: 2px 0 0; }
#kefu_pannel .kefu_listTitle H3 IMG { margin-left: 3px; vertical-align: top; }
#kefu_pannel .kefu_box { width: 124px; cursor: pointer; height: 20px; border-top: #fff 1px solid; background: #fff; border-bottom: #fff 1px solid; margin: 0 3px; padding: 4px 0 2px; }
#kefu_pannel .kefu_boxOver { width: 124px; cursor: pointer; height: 20px; border-top: #a3e7fc 1px solid; background: #e1f7fd; border-bottom: #a3e7fc 1px solid; margin: 0 3px; padding: 4px 0 2px; }
#kefu_pannel .kefu_image { margin-top: 2px; float: left; }
#kefu_pannel .kefu_person { margin-top: 2px; float: left; overflow: hidden; width: 45px; color: #666; margin-right: 3px; white-space: nowrap; text-overflow: ellipsis; text-align: left; }
#kefu_pannel .kefu_image IMG { margin: 0 3px; }
.kefu_other { background: url(../images/cslist_btm_bg.gif) no-repeat 0 bottom; height: 42px; }
.kefu_Type_en { background: url(../images/cslist_btm_bg_en.gif) no-repeat 0 bottom; height: 42px; }
.kefu_Type_tw { background: url(../images/cslist_btm_bg_tw.gif) no-repeat 0 bottom; height: 42px; }
#kefu_Online_showdlg TABLE TD { vertical-align: top; text-align: left; }
#kefu_Online_showdlg .title { padding-left: 25px; font-weight: 700; width: 200px; color: #fff; padding-top: 6px; text-align: left; }
#kefu_Online_showdlg .shutbtn { display: inline-block; background: url(../images/invite_shutbtn.gif) no-repeat 0 0; float: right; width: 10px; height: 10px; margin: 6px 8px 0 0; }
#kefu_Online_showdlg .tx_pic { margin-top: 14px; background: url(invite_pic_bg.gif) no-repeat 11px 0; width: 90px; height: 66px; text-align: center; }
#kefu_Online_showdlg .tx_pic IMG { margin-top: 3px; width: 50px; height: 50px; }
#kefu_Online_showdlg .inconbox { padding-top: 13px; }
#kefu_Online_showdlg .intitle { font-weight: 700; margin-bottom: 4px; width: 227px; }
#kefu_Online_showdlg P.incontent { width: 227px; color: #333; word-break: break-all; line-height: 130%; text-align: left; word-wrap: break-word; }
#kefu_Online_showdlg .toolbtn A { margin-top: 8px; display: inline-block; background: url(../images/invite_btn.gif) no-repeat 0 0; float: right; width: 61px; line-height: 22px; margin-right: 20px; height: 20px; text-align: center; }
.footFriendLink { width: 100%; background: #2B80DB; }
.friendLink dt { float: left; _margin: 0 2px; color: #FFF; margin: 0 4px; }
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C { zoom: 1; }
.l, #notice div, .threePart li dt, .threePart li dd { float: left; }
.r, .index_news span, .hot_list span { float: right; }
.c, .C:after { clear: both; }
.m, .mt10, .hot_list dt, #imt10 { margin-top: 10px; }
.red, .subject_title a:hover, .digg_link a:hover, .all_list b a:hover, .info_jj a:hover, #get_html b, .list_title a:hover, .tag_title a:hover, .plug_publish_add a:hover, .foot_menu a:hover { color: #f30; }
.dis, #kefu_pannel table { display: none; }
.mc, #Digg dl { margin: 0 auto; }
.m10, .vote_show dt { margin: 10px; }
.other div a, .list_photo a, .list_photo_PRO a, .list_photo_TE a { color: #333; }
.other form, #index_digg, .index_vote, .index_photo, .comment_add, .class_list, .plug_book_add, .plug_publish_add, .index_link_add, .publish_notice { margin: 0; padding: 0; }
#menu_bg, div#menu { height: 37px; }
#menu_bg{background: url(../images/mebg.jpg) repeat-x 0 0;}
#menu ul a:hover span, .subject_title a, .foot_menu a, .threePart li dl a:hover *, .indexContent dt span.l, .indexContent dt span.r a, .friendLink dt a { color: #FFF; }
#notice b, .index_photo a { color: #50B20E; }
.hot_list div, .Topic_List span { color: #999; line-height: 18px; }
.index_vote dt, .class_list dt { line-height: 25px; }
.index_photo dt img, .list_photo dt img { border: 1px solid #CEEDC0; padding: 2px; }
.index_photo dt div, .list_photo dt div { background: #CEEDC0; width: 126px; color: #50B20E; margin: 0 0 10px; padding: 6px 0; }
.index_photo a:hover, .list_photo a:hover, .list_photo_PRO a:hover, .list_photo_TE a:hover { color: #f60; }
.index_label span, .plug_publish_add dt span, .comment_other span { color: #999; }
.info_content a, .other_content a, .onePart .footContent a, .indexAbout dd span a { border-bottom: 1px dotted red; }
.content_url span, .comment_content .input { color: #666; }
#yzm_num, .hand { cursor: pointer; }
#book_left, #index_left { float: left; width: 650px; margin-right: 10px; }
.list_photo_PRO, .list_photo_TE { width: 100%; overflow: hidden; margin: 0; padding: 0; }
.list_photo_PRO dt img, .list_photo_TE dt img { border: 1px solid #EEE; padding: 2px; }
.list_photo_PRO dt div, .list_photo_TE dt div { color: #666; padding: 6px 0; }
.class_list dt a:hover, #a_hover { background: url(../Images/glivia.jpg) -521px -177px; margin-left: 4px; color: #FFF; }
.tp2 li, .ti0 { text-indent: 0; }
#kefu_pannel SPAN, #kefu_pannel TH { margin: 0; padding: 0; }
#kefu_pannel_mid TH, #kefu_pannel_mid TD { background: url(../images/cslist_mid_bg.gif) repeat-y 0 0; }
.kefu_person A:link, .kefu_person A:visited, .kefu_person A:hover { font-size: 12px; color: #666; text-decoration: none; }
A.kefu_Type_msn, A.kefu_Type_qq, A.kefu_Type_skype, A.kefu_Type_yahoo { font-size: 0; float: left; width: 18px; }
A.kefu_Type_msn IMG, A.kefu_Type_qq IMG, A.kefu_Type_skype IMG, A.kefu_Type_yahoo IMG { border-width: 0; }
A.kefu_Type_msn:hover IMG, A.kefu_Type_qq:hover IMG, A.kefu_Type_skype:hover IMG, A.kefu_Type_yahoo:hover IMG { margin-top: 1px; border-width: 0; }
.kefu_other A, .kefu_Type_en A, .kefu_Type_tw A { display: block; margin-left: 14px; width: 101px; height: 26px; }
#kefu_Online_showdlg DIV, #kefu_Online_showdlg H5, #kefu_Online_showdlg H6 { text-align: left; }
#kefu_Online_showdlg .toolbtn A:link, #kefu_Online_showdlg .toolbtn A:visited, #kefu_Online_showdlg .toolbtn A:hover { color: #333; text-decoration: none; }
.case { width:960px; margin:0 auto; background:url(../images/case_bg.jpg) no-repeat; height:740px; margin-bottom:15px;}
.biaoti{ height:30px; width:960px; color:#fff;}
.biaoti p { font-size:11pt; font-weight:700; padding-left:20px; padding-bottom:5px; line-height:40px;}
.anli { width:960px; padding-top:20px;}
.anli .case1 { float:left; padding-left:15px; width:300px; height:230px;}
.anli .case2 { float:left; padding-left:15px; width:300px; height:230px;}
.anli .case3 { float:left; padding-left:15px; width:300px; height:230px;}
.demo-video { height: 400px;;
border-radius: 6px;
padding-top: 95px;
}
.video-js {
background-color: #fff;
border-radius: 6px 6px 0 0;
margin-top: -95px;
position: relative;
padding: 0;
font-size: 10px;
vertical-align: middle;
}
.video-js .vjs-tech {
border-radius: 6px 6px 0 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js:-moz-full-screen {
position: absolute;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;
}
.video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
_position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.vjs-poster {
margin: 0 auto;
padding: 0;
cursor: pointer;
position: relative;
width: 100%;
max-height: 100%;
}
.video-js .vjs-text-track-display {
text-align: center;
position: absolute;
bottom: 4em;
left: 1em;
right: 1em;
font-family: "Lato", sans-serif;
}
.video-js .vjs-text-track {
display: none;
color: white;
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
background: black;
background: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
color: white;
}
.video-js .vjs-captions {
color: #ffcc66;
}
.vjs-tt-cue {
display: block;
}
.vjs-fade-in {
visibility: visible !important;
opacity: 1 !important;
-webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
-moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
-o-transition: visibility 0s linear 0s, opacity 0.3s linear;
transition: visibility 0s linear 0s, opacity 0.3s linear;
-webkit-backface-visibility: hidden;
}
.vjs-fade-out {
visibility: hidden !important;
opacity: 0 !important;
-webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
-moz-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
-o-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
transition: visibility 0s linear 1.5s, opacity 1.5s linear;
-webkit-backface-visibility: hidden;
}
.vjs-controls {
border-radius: 0 0 6px 6px;
position: absolute;
bottom: -47px;
left: 0;
right: 0;
margin: 0;
padding: 0;
height: 47px;
color: white;
background: #2c3e50;
}
.vjs-controls.vjs-fade-out {
visibility: visible !important;
opacity: 1 !important;
}
.vjs-control {
background-position: center center;
background-repeat: no-repeat;
position: relative;
float: left;
text-align: center;
margin: 0;
padding: 0;
height: 18px;
width: 18px;
}
.vjs-control:focus {
outline: 0;
}
.vjs-control div {
background-position: center center;
background-repeat: no-repeat;
}
.vjs-control-text {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-play-control {
cursor: pointer !important;
height: 47px;
left: 0;
position: absolute;
top: 0;
width: 58px;
}
.vjs-paused .vjs-play-control {
background: url("../images/play.png") center -31px no-repeat;
background-size: 16px 64px;
}
.vjs-paused .vjs-play-control:hover div {
opacity: 0;
}
.vjs-paused .vjs-play-control div {
background: url("../images/play.png") center 15px no-repeat;
background-size: 16px 64px;
height: 47px;
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
-webkit-backface-visibility: hidden;
}
.vjs-playing .vjs-play-control {
background: url("../images/pause.png") center -31px no-repeat;
background-size: 15px 64px;
}
.vjs-playing .vjs-play-control:hover div {
opacity: 0;
}
.vjs-playing .vjs-play-control div {
background: url("../images/pause.png") center 15px no-repeat;
background-size: 15px 64px;
height: 47px;
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
-webkit-backface-visibility: hidden;
}
.vjs-rewind-control {
width: 5em;
cursor: pointer !important;
}
.vjs-rewind-control div {
width: 19px;
height: 16px;
background: url("../images/video-js.png");
margin: 0.5em auto 0;
}
.vjs-mute-control {
background: url("../images/volume-full.png") center -48px
no-repeat;
background-size: 16px 64px;
cursor: pointer !important;
position: absolute;
right: 51px;
top: 14px;
}
.vjs-mute-control:hover div,.vjs-mute-control:focus div {
opacity: 0;
}
.vjs-mute-control.vjs-vol-0,.vjs-mute-control.vjs-vol-0 div {
background-image: url("../images/volume-off.png");
}
.vjs-mute-control div {
background: #2c3e50 url("../images/volume-full.png") no-repeat
center 2px;
background-size: 16px 64px;
height: 18px;
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
-webkit-backface-visibility: hidden;
}
.vjs-volume-control,.vjs-volume-level,.vjs-volume-handle,.vjs-volume-bar
{
display: none;
}
.vjs-progress-control {
border-radius: 32px;
position: absolute;
left: 60px;
right: 180px;
height: 12px;
width: auto;
top: 18px;
background: #eff2f6;
}
.vjs-progress-holder {
position: relative;
cursor: pointer !important;
padding: 0;
margin: 0;
height: 12px;
}
.vjs-play-progress,.vjs-load-progress {
border-radius: 32px;
position: absolute;
display: block;
height: 12px;
margin: 0;
padding: 0;
left: 0;
top: 0;
}
.vjs-play-progress {
background: #1abc9c;
left: -1px;
}
.vjs-load-progress {
background: #d6dbe0;
border-radius: 32px 0 0 32px;
}
.vjs-load-progress[style *='100%'],.vjs-load-progress[style *='99%'] {
border-radius: 32px;
}
.vjs-seek-handle {
background-color: #16a085;
border-radius: 50%;
position: absolute;
width: 18px;
height: 18px;
margin: -3px 0 0 1px;
left: 0;
top: 0;
-webkit-transition: background-color 0.25s;
-moz-transition: background-color 0.25s;
-o-transition: background-color 0.25s;
transition: background-color 0.25s;
-webkit-backface-visibility: hidden;
}
.vjs-seek-handle[style *='95.'] {
margin-left: 3px;
}
.vjs-seek-handle[style='left: 0%;'] {
margin-left: -2px;
}
.vjs-seek-handle:hover,.vjs-seek-handle:focus {
background-color: #138d75;
}
.vjs-seek-handle:active {
background-color: #117e69;
}
.vjs-time-controls {
position: absolute;
height: 20px;
width: 50px;
top: 16px;
font: 300 13px "Lato", sans-serif;
}
.vjs-current-time {
right: 128px;
text-align: right;
}
.vjs-duration {
color: #667687;
right: 69px;
text-align: left;
}
.vjs-remaining-time {
display: none;
}
.vjs-time-divider {
color: #667687;
font-size: 14px;
position: absolute;
right: 121px;
top: 15px;
}
.vjs-secondary-controls {
float: right;
}
.vjs-fullscreen-control {
background-image: url("../images/video/fullscreen.png");
background-position: center -47px;
background-size: 15px 64px;
cursor: pointer !important;
position: absolute;
right: 17px;
top: 13px;
}
.vjs-fullscreen-control:hover div,.vjs-fullscreen-control:focus div {
opacity: 0;
}
.vjs-fullscreen-control div {
height: 18px;
background: url("../images/video/fullscreen.png") no-repeat center 2px;
background-size: 15px 64px;
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
-webkit-backface-visibility: hidden;
}
.vjs-menu-button {
display: none !important;
}
@
-webkit-keyframes sharp { 0% {
background: #e74c3c;
border-radius: 10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50%
{
background
:
#ebedee
;
border-radius
:
0;
-webkit-transform
:
rotate
(180deg);
-moz-transform
:
rotate
(180deg);
-ms-transform
:
rotate
(180deg);
-o-transform
:
rotate
(180deg);
transform
:
rotate
(180deg);
}
100%
{
background
:
#e74c3c
;
border-radius
:
10
px
;
-webkit-transform
:
rotate
(360deg);
-moz-transform
:
rotate
(360deg);
-ms-transform
:
rotate
(360deg);
-o-transform
:
rotate
(360deg);
transform
:
rotate
(360deg);
}
}
@
-moz-keyframes sharp { 0% {
background: #e74c3c;
border-radius: 10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50%
{
background
:
#ebedee
;
border-radius
:
0;
-webkit-transform
:
rotate
(180deg);
-moz-transform
:
rotate
(180deg);
-ms-transform
:
rotate
(180deg);
-o-transform
:
rotate
(180deg);
transform
:
rotate
(180deg);
}
100%
{
background
:
#e74c3c
;
border-radius
:
10
px
;
-webkit-transform
:
rotate
(360deg);
-moz-transform
:
rotate
(360deg);
-ms-transform
:
rotate
(360deg);
-o-transform
:
rotate
(360deg);
transform
:
rotate
(360deg);
}
}
@
-o-keyframes sharp { 0% {
background: #e74c3c;
border-radius: 10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50%
{
background
:
#ebedee
;
border-radius
:
0;
-webkit-transform
:
rotate
(180deg);
-moz-transform
:
rotate
(180deg);
-ms-transform
:
rotate
(180deg);
-o-transform
:
rotate
(180deg);
transform
:
rotate
(180deg);
}
100%
{
background
:
#e74c3c
;
border-radius
:
10
px
;
-webkit-transform
:
rotate
(360deg);
-moz-transform
:
rotate
(360deg);
-ms-transform
:
rotate
(360deg);
-o-transform
:
rotate
(360deg);
transform
:
rotate
(360deg);
}
}
@
keyframes sharp { 0% {
background: #e74c3c;
border-radius: 10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50%
{
background
:
#ebedee
;
border-radius
:
0;
-webkit-transform
:
rotate
(180deg);
-moz-transform
:
rotate
(180deg);
-ms-transform
:
rotate
(180deg);
-o-transform
:
rotate
(180deg);
transform
:
rotate
(180deg);
}
100%
{
background
:
#e74c3c
;
border-radius
:
10
px
;
-webkit-transform
:
rotate
(360deg);
-moz-transform
:
rotate
(360deg);
-ms-transform
:
rotate
(360deg);
-o-transform
:
rotate
(360deg);
transform
:
rotate
(360deg);
}
}
.vjs-loading-spinner {
background: #ebedee;
border-radius: 10px;
display: none;
height: 16px;
left: 50%;
margin: -8px 0 0 -8px;
position: absolute;
top: 50%;
/*width: 16px;*/
-webkit-animation: sharp 2s ease infinite;
-moz-animation: sharp 2s ease infinite;
-o-animation: sharp 2s ease infinite;
animation: sharp 2s ease infinite;
}
.pro-ys {background:url(../images/ys_bg.jpg) no-repeat; height:282px ; }
.pro-ys .li{ width:455px; float:left}
.pro-ys .li .pic{ width:275px; margin-right:10px; float:left}
.pro-ys .li .pic img{ max-width:100%; border:1px solid #ccc}
.pro-ys .li .text{ width:170px; float:left}
.pro-ys .li .text h1{ font-size:18px; font-weight:bold; padding-top:20px; margin-bottom:10px}
.pro-ys .li:hover h1{ color:#333;}
.pro-ys .li:hover p{ color:#333;}
.pro-ys .li .text p{ font-size:16px; line-height:30px;}
.prolist{ padding:40px 15px 15px 15px; overflow:hidden}